.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}
.gdlm-gdlm{
    position: absolute;
    top: 0;
    display: none;
    z-index: 2;
    background: #fff;
    .gd-header{
        display: flex;
        background: #000000;
        color: #cccccc;
        .px2rem(height, 44);
        .px2rem(font-size, 20);
        .header-left {
            flex: 1;
        }
        .header-center {
            .px2rem(width,90);
            border-top: 4px solid #ff0000;
            display: flex;
            align-items: center;
            justify-content: center;
            span{

                text-align: center;
                height: 100%;
               .px2rem(line-height, 40);
            }
        }
        .header-right {
            flex: 1;
        }

    }
    figure{
        width: 100%;
        .px2rem(line-height, 135);
        text-align: center;
        img{
            .px2rem(height, 44);
            .px2rem(width, 228);
        }
    }
    ul{
        width: 90%;
        .px2rem(height,785);
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        li{
            width: 30%;
            img{
                display: block;
                width: 100%;
            }
            
        }
    }

}
